/* pages/store/store.wxss */
.infocard {
  margin-top: -100rpx;
  border-radius: 20rpx;
  background: #fff;
  padding: 0 20rpx;

  .header {
    position: relative;
    height: 100rpx;
    .avatar {
      position: absolute;
      bottom: 0;
    }
    .connect{
      position:absolute;
      right:0;
      top:15rpx;
      display: flex;
      align-items:center;
      .chat{
        height:50rpx;
        width:50rpx;
        line-height:50rpx;
        text-align: center;
        border-radius: 15rpx;
        margin-right:20rpx;
        background:rgba(250,81,81,0.2);
      }
      .follow{
        height:50rpx;
        border-radius: 25rpx;
        background:rgba(250,81,81,0.2);
        font-size:10pt;
        text-align: center;
        display: flex;
        align-items: center;
        padding:0 30rpx;
        .iconfont{
          font-size:9pt;
          margin-right:10rpx;
        }
      }
    }
  }

  .nickname {
    margin-top: 20rpx;
    display: flex;
    align-items: center;

    .name {
      font-weight: bold;
    }

    .age {
      margin-left: 15rpx;
    }
  }

  .tag {
    background: rgba(7,193,96,0.08);
    height: 40rpx;
    line-height: 40rpx;
    padding: 0 15rpx;
    border-radius: 19rpx;
    font-size: 9pt;
    color: rgba(7,193,96,1);
    display: flex;
    align-items: center;
  }

  .tags {
    display: flex;
    margin-top: 30rpx;
    .pos,
    .auth {
      margin-right: 20rpx;
    }
  }

  .data {
    display: flex;
    margin-top: 20rpx;

    .item {
      margin-right: 40rpx;

      .value {
        font-weight: bold;
        font-size: 13pt;
      }

      .label {
        font-size: 9pt;
        color: #bfbfbf;
        margin-left: 5rpx;
      }
    }
  }
}

.tabs-wrap {
  margin-top: 40rpx;
  background: #fff;
  z-index: 999;
  margin-bottom: 20rpx;
  padding:0 20rpx;
}

.tabs {
  display: flex;
  justify-content: flex-start;
  color: #2c2c2c;
  align-items: flex-end;
}

.tabs .tab {
  text-align: center;
  margin:0 20rpx;
  transition: all .3s;
  position: relative;
  color:#8a8a8a;
  &::after{
    content: '\e600';
    position:absolute;
    bottom:-25rpx;
    left:50%;
    transform: translateX(-50%) scaleY(0.5);
    opacity: 0;
    transition:opacity .3s;
  }
}

.tabs .tab.on {
  // font-weight:bold;
  // font-size:13pt;
  color:#000;
  &::after{
    opacity:1;
    transform: translateX(-50%) scaleY(0.8);
  }
}

.content {
  min-height: calc(100vh - 520rpx);
  padding: 0 20rpx;
  margin-top:40rpx;
}

.new-card {
  margin-bottom: 60rpx;
  border-bottom: 1rpx solid #f1f1f1;
}

.new-card .header {
  display: flex;
  height: 80rpx;
}

.new-card .face {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
}

.new-card .author {
  flex: 1;
  margin-top: 8rpx;
  margin-left: 15rpx;
}

.new-card .author .name {
  font-size: 10pt;
  font-weight: bold;
  color: #2c2c2c;
}

.new-card .author .info {
  font-size: 8pt;
  color: #8a8a8a;
}

.msg {
  font-size: 10pt;
  margin-top: 20rpx;
  text-align: justify;
  color: #2c2c2c;
}

.pic-box {
  margin-top: 20rpx;
}

.pic {
  display: inline-block;
  width: 226rpx;
  height: 226rpx;
  margin-right: 6rpx;
  overflow: hidden;
}

.pic.m {
  margin-right: 0;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

.handle {
  display: flex;
  font-size: 9pt;
  height: 40rpx;
  line-height: 45rpx;
  color: #8a8a8a;
  padding: 20rpx 0;
}

.handle .good {
  background: url(https://www.hugetower.cn/good.png) no-repeat left center;
  background-size: 40rpx 40rpx;
  padding-left: 50rpx;
}